import DetailTitle from "@/components/DetailTitle";
import { Row, Col } from "antd";
import { GlobalOutlined } from '@ant-design/icons';
import styles from "./index.module.scss";
const SpatialMap = () => {
	return (
		<div>
			<DetailTitle title="Spatial & Temporal" />
			<Row>
				<Col span={8}>
					<div className={styles.leftBox}>
						<div>
							<GlobalOutlined style={{ marginRight: "5px" }} />
							Coordinate System/Geographic Projection：
						</div>
						<div>Decimal degrees</div>
						<div><span>Longitude：</span>111.34°</div>
						<div><span>Latitude：</span>28.34°</div>
					</div>
				</Col>
				<Col span={16}>
					<div className={styles.mapBox}>mapBox</div>
				</Col>
			</Row>
		</div>
	)
}
export default SpatialMap;